<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>消息</title>
    <link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
    <script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/msg.css" />
</head>

<body>
    <div class="container">
        <!-- header -->
        <header>
            <img src="images/top.png">
            <a href="selfcenter.html"><span class="iconfont icon-left"></span></a>
            <span class="s1">消息</span>
           <a href="connect.html"> <span class="iconfont icon-search"></span></a>
        </header>

			<!-- main -->
			<main>
				<div id="tab">
					<div class="main1">
							<ul id="navUL">
								<li><a href="#">通知</a></li>
								<li class="active"><a href="#">评论</a></li>
								<li><a href="#">私信</a></li>
							</ul>
					</div>
					
					
					<!-- 第一个box -->
					<div class="content">
						<div class="box">
							<div class="main2">
							    <figure>
							        <div class="f">
							            <img src="images/李魁正.png" alt="">
							        </div>
							        <figcaption>
							            <div class="f1">
							                <h2>张奇</h2>
							                <p class="p1">什么时候有时间？</p>
							            </div>
							            <div class="f2">
							                <p>07：25</p>
							            </div>
							
							        </figcaption>
							
							    </figure>
							
							
							
							
							   
							
							</div>
							
						</div>
						
						
						<div style="display:block;" class="box">
							<div class="main2">
							    <figure>
							        <div class="f">
							            <img src="images/李魁正.png" alt="">
							        </div>
							        <figcaption>
							            <div class="f1">
							                <h2>李逵正</h2>
							                <p class="p1">什么时候有时间？</p>
							            </div>
							            <div class="f2">
							                <p>07：25</p>
							            </div>
							
							        </figcaption>
							
							    </figure>
							
							
							
							
							   
							
							</div>
							
							
						</div>
						
						
						
						<div class="box">
							
							
							<div class="main2">
							    <figure>
							        <div class="f">
							            <img src="images/李魁正.png" alt="">
							        </div>
							        <figcaption>
							            <div class="f1">
							                <h2>张奇</h2>
							                <p class="p1">什么时候有时间？</p>
							            </div>
							            <div class="f2">
							                <p>07：25</p>
							            </div>
							
							        </figcaption>
							
							    </figure>
							
							
							
							
							   
							
							</div>
							
							
							<a href="connect.html" class="iconfont icon-lianxiren1" ></a>
						</div>
					
					
					
						
					</div>




					

				</div>
			</main>

		</div>

		<script src="js/tab.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			new Tab("#tab", 2)
		</script>
	</body>
</html>
